<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:f="http://java.sun.com/jsf/core"
    template="/includes/template.xhtml">

 
<ui:define name="metadata">
    </ui:define>
<ui:define name="h1" >
       <h1>Transaccion</h1>
</ui:define>

<ui:define name="content">
<f:loadBundle
        basename="ve.com.neometrica.inventario.web.config.properties.messages"
        var="msgs" />
 
	<h:form prependId="false" id="formularioidTransaccion" >
	 <p:panel id="panel" header="#{msgs.titlenuevatransaccion}" style="margin-bottom:10px;"  > 
	    <h:panelGrid id="gridProductoId" columns="2" >
	    <p:outputLabel for="destinoSelectId" value="#{msgs.nombre}" ></p:outputLabel>          
         <p:selectOneMenu id="destinoSelectId"  value="#{transaccionBean.destinoseleccionadaId}" >   
                <f:selectItem itemLabel="Destinos" itemValue="-1" />  
                <f:selectItems value="#{transaccionBean.destinoSelect}" /> 
         </p:selectOneMenu>
	    <p:outputLabel for="productoSelectId" value="#{msgs.nombre}" ></p:outputLabel>          
         <p:selectOneMenu id="productoSelectId"  value="#{transaccionBean.productoseleccionadaId}" >   
                <f:selectItem itemLabel="Productos" itemValue="-1" />  
                <f:selectItems value="#{transaccionBean.productoSelect}" /> 
         </p:selectOneMenu>
         <p:outputLabel for="cantidadProductoId" value="#{msgs.cantidad}" ></p:outputLabel>            
         <p:inputText id="cantidadProductoId" value="#{transaccionBean.detalleTransaccion.cantidad}"  label="#{msgs.cantidad}" />
         <p:outputLabel for="precioProductoId" value="#{msgs.precio}" ></p:outputLabel>            
         <p:inputText id="precioProductoId" value="#{transaccionBean.detalleTransaccion.precio}"  label="#{msgs.precio}" />
        <p:commandButton value="#{msgs.agregar}"  actionListener="#{transaccionBean.addDetalle}" update="formularioidTransaccion"
           oncomplete="PF('notificacionDLG').show();"
           />          
         </h:panelGrid>  
    </p:panel>  
    <p:panel id="panelTaDetalle" header="#{msgs.detalles}" style="margin-bottom:10px;"  >
    <p:dataTable var="detalleTransaccion" value="#{transaccionBean.detalles}" paginator="true" rows="10" >  
        <p:column headerText="#{msgs.nombre}">  
            <h:outputText value="#{detalleTransaccion.producto.nombre}" />  
        </p:column>  
        <p:column headerText="#{msgs.precio}">  
            <h:outputText value="#{detalleTransaccion.precio}" />  
        </p:column>  
        <p:column headerText="#{msgs.cantidad}">  
            <h:outputText value="#{detalleTransaccion.cantidad}" />  
        </p:column>  
    </p:dataTable>
    </p:panel>
    
    <p:commandButton value="#{msgs.guardar}"  actionListener="#{transaccionBean.save}" update="formularioidTransaccion"
           oncomplete="PF('notificacionDLG').show();"
           />     
	</h:form>
</ui:define>
</ui:composition>